<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link type="text/css" href="css/tabs.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<title>Replay 2</title>
<script type="text/javascript">
	$(document).ready(function() {
		$("button").click(function() {
			$("#content1").slideToggle();
			$("#content2").slideToggle();
		});
		$('#menu-nav1').load('menu.jsp');
		$('#content1').load('settings.jsp');

		$('.myMenu > li').bind('mouseover', openSubMenu);
		$('.myMenu > li').bind('mouseout', closeSubMenu);

		function openSubMenu() {
			$(this).find('ul').css('visibility', 'visible');
		}
		;

		function closeSubMenu() {
			$(this).find('ul').css('visibility', 'hidden');
		};
		
		 $("#create_messages").click(function(e) {
			    e.preventDefault();
			    $("#inner_container").html('<span>Loading...</span>');
			    $('#inner_container').load('messaging.jsp', function (responseText, textStatus, req) {
			        if (textStatus == "error") {
			        	$('#content2').html("Could not load the settings");
			          }
			    } ); 
			    return false;  
			});
		  
		  $("#settings").click(function(e) {
			    e.preventDefault();
			    $("#inner_container").html('<span>Loading...</span>');
			    $('#inner_container').load('settings.html');  
			    return false;  
			});
		  
		  $("#epp_server_settings").click(function(e) {
			    e.preventDefault();
			    $("#inner_container").html('<span>Loading...</span>');
			    $('#inner_container').load('epp_server_settings.html');  
			    return false;  
			});
		  

	});
</script>
</head>
<body>
	<div id="container">
		<div id="header" align="center">
			<img src="images/eft_logo.png" alt="Replay Logo" width="100" height="50" align="right" />
			<ul class="myMenu">
				<li><a href="#" id="settings">Settings</a>
				<ul>
						<li><a href="#" id="epp_server_settings">Configure EPP Server</a>
						</li>
						<li><a href="#">Connection Settings</a>
						</li>
					</ul>
				</li>
				<li><a href="#">Functional Testing</a>
					<ul>
						<li><a href="#" id="create_messages">Login</a>
						</li>
						<li><a href="#">Logout</a>
						</li>
						<li><a href="#">Domain Create</a>
						</li>
						<li><a href="#">Host Create</a>
						</li>
						<li><a href="#">Contact Create</a>
						</li>
					</ul></li>
				<li><a href="#">Test Plans</a>
				</li>
				<li><a href="#">Help</a>
				</li>
			</ul>
		</div>
		<div id="inner_container">
			<div id="content1">Content1</div>
			<div id="content2">Content2</div>
		</div>
		<!--  <div id="menu-nav1"> -->
		<div id="footer">Footers</div>
	</div>

</body>
</html>